<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>欢迎使用cisite企业形象网站管理平台</title>
<meta name="Keywords" content="小网站,管理平台,企业网站,DIV+CSS" />
<meta name="author" content="jinnye" />
<meta name="Description" content="本套网页标准由jinn_ye@qq.com完成，请保留版权" />

<link rel="stylesheet" href="css/frameset.css" />
<link rel="stylesheet" href="webui/alice/base.css" />
		
</head>

<body>
<div id="container">  
  <div id="header">
			<p>
				你好，caigen1023 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  [<a href="#">安全退出</a>]&nbsp; 
                  [<a href="#">修改密码</a>]&nbsp;
                  [<a href="#">查看首页</a>]
	     </p>
			<h1><em>CISITE</em>企业形象网站管理平台</h1>
			<div id="main-menu">
				<ul>
					<li class="current">
						<a href="nav.html" contentSrc="task_leader.html">首页</a>
					</li>
					<li>						
						<a href="nav.html?hideNav"  contentSrc="template_add.html">栏目<i class="new"></i></a>
					</li>
					<li>						
						<a href="nav.html?hideNav"  contentSrc="template_add.html">内容<i class="new"></i></a>
					</li>
					<li>						
						<a href="nav.html?hideNav"  contentSrc="template_add.html">辅助<i class="new"></i></a>
					</li>
					<li>						
						<a href="nav.html?hideNav"  contentSrc="template_add.html">维护<i class="new"></i></a>
					</li>
					<li>						
						<a href="nav.html?hideNav"  contentSrc="template_add.html">生成<i class="new"></i></a>
					</li>
					<li>						
						<a href="nav.html?hideNav"  contentSrc="template_add.html">用户<i class="new"></i></a>
					</li>
					<li>						
						<a href="nav.html?hideNav"  contentSrc="template_add.html">配置<i class="new"></i></a>
					</li>
					<li>						
						<a href="nav.html?hideNav"  contentSrc="template_add.html">统计<i class="new"></i></a>
					</li>
					
				</ul>
			</div>
  </div>	
		
        
  <br class="clearfloat" />
  
  <div id="mainContent">
    <div id="sidebar">This is the sidebar<br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      
      
      
    </div>
    <div id="content">
    2列左侧固定右侧自适应宽度，未知高度+头部+导航+尾部——<a href="http://www.aa25.cn">标准之路www.aa25.cn</a><br />
      <br />
    　　本例和例21差不多，一个是固定宽度，一个是自适应，同样是未知高度。<br />
      <br />
    　　此例中需要说明一点的是：当content设定高度后，3像素会跑到content外侧，反之，在content内部。这样，我们用!important修正在ie下向左多浮动2像素，加上3像素的bug正好是5像素，所以在火狐和IE下显示是一样的，这是大家必须注意的一点。而当content设定高度后，如100px，那么在IE6下，当高度超过100px时，它会自动把conent撑高，而火狐去不会。所以用!important修正在IE下设定高度值使它的3像素跑到外侧，火狐下因不存在3像素问题，所以高度自动。<br />
      <br />
      <br />
　　总之，实现的方法是多种多样的，这只是本人在学习过程中总结的一点经验，权当抛砖引玉，希望能对您有所帮助，当然您有更好的办法和布局，欢迎一块来学习，交流，让web标准在中国得到更好的发展。同时希望您继续关注标准之路(www.aa25.cn)<br />
<br />
　　如果您要实现未知高度底部平齐，请参考49例<br />
    <br />
    <br />
    <br />
    2列左侧固定右侧自适应宽度，未知高度+头部+导航+尾部——<a href="http://www.aa25.cn">标准之路www.aa25.cn</a><br />
      <br />
    　　本例和例21差不多，一个是固定宽度，一个是自适应，同样是未知高度。<br />
      <br />
    　　此例中需要说明一点的是：当content设定高度后，3像素会跑到content外侧，反之，在content内部。这样，我们用!important修正在ie下向左多浮动2像素，加上3像素的bug正好是5像素，所以在火狐和IE下显示是一样的，这是大家必须注意的一点。而当content设定高度后，如100px，那么在IE6下，当高度超过100px时，它会自动把conent撑高，而火狐去不会。所以用!important修正在IE下设定高度值使它的3像素跑到外侧，火狐下因不存在3像素问题，所以高度自动。<br />
      <br />
      <br />
　　总之，实现的方法是多种多样的，这只是本人在学习过程中总结的一点经验，权当抛砖引玉，希望能对您有所帮助，当然您有更好的办法和布局，欢迎一块来学习，交流，让web标准在中国得到更好的发展。同时希望您继续关注标准之路(www.aa25.cn)<br />
<br />
　　如果您要实现未知高度底部平齐，请参考49例<br />
    <br />
    <br />
    <br />
    2列左侧固定右侧自适应宽度，未知高度+头部+导航+尾部——<a href="http://www.aa25.cn">标准之路www.aa25.cn</a><br />
      <br />
    　　本例和例21差不多，一个是固定宽度，一个是自适应，同样是未知高度。<br />
      <br />
    　　此例中需要说明一点的是：当content设定高度后，3像素会跑到content外侧，反之，在content内部。这样，我们用!important修正在ie下向左多浮动2像素，加上3像素的bug正好是5像素，所以在火狐和IE下显示是一样的，这是大家必须注意的一点。而当content设定高度后，如100px，那么在IE6下，当高度超过100px时，它会自动把conent撑高，而火狐去不会。所以用!important修正在IE下设定高度值使它的3像素跑到外侧，火狐下因不存在3像素问题，所以高度自动。<br />
      <br />
      <br />
　　总之，实现的方法是多种多样的，这只是本人在学习过程中总结的一点经验，权当抛砖引玉，希望能对您有所帮助，当然您有更好的办法和布局，欢迎一块来学习，交流，让web标准在中国得到更好的发展。同时希望您继续关注标准之路(www.aa25.cn)<br />
<br />
　　如果您要实现未知高度底部平齐，请参考49例<br />
    <br />
    <br />
    <br />
    2列左侧固定右侧自适应宽度，未知高度+头部+导航+尾部——<a href="http://www.aa25.cn">标准之路www.aa25.cn</a><br />
      <br />
    　　本例和例21差不多，一个是固定宽度，一个是自适应，同样是未知高度。<br />
      <br />
    　　此例中需要说明一点的是：当content设定高度后，3像素会跑到content外侧，反之，在content内部。这样，我们用!important修正在ie下向左多浮动2像素，加上3像素的bug正好是5像素，所以在火狐和IE下显示是一样的，这是大家必须注意的一点。而当content设定高度后，如100px，那么在IE6下，当高度超过100px时，它会自动把conent撑高，而火狐去不会。所以用!important修正在IE下设定高度值使它的3像素跑到外侧，火狐下因不存在3像素问题，所以高度自动。<br />
      <br />
      <br />
　　总之，实现的方法是多种多样的，这只是本人在学习过程中总结的一点经验，权当抛砖引玉，希望能对您有所帮助，当然您有更好的办法和布局，欢迎一块来学习，交流，让web标准在中国得到更好的发展。同时希望您继续关注标准之路(www.aa25.cn)<br />
<br />
　　如果您要实现未知高度底部平齐，请参考49例<br />
    <br />
    <br />
    <br />
    
    </div>
  </div>
  <br class="clearfloat" />
  <div id="footer">
  
  </div>
</div>
</body>
</html>
